<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>精彩助手后台管理系统</title>
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache,must-revalidate" />
    <meta http-equiv="Expires" content="0" />
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../css/index.css" />
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        a {
            text-decoration: none;
        }
        
        a:hover {
            text-decoration: none;
        }
        
        .PageCode,
        .tcdPageCode {
            padding: 15px 20px;
            text-align: left;
            color: rgb(206, 24, 24);
        }
        
        .PageCode a,
        .tcdPageCode a {
            display: inline-block;
            color: #428bca;
            display: inline-block;
            height: 25px;
            line-height: 25px;
            padding: 0 10px;
            border: 1px solid #ddd;
            margin: 0 2px;
            border-radius: 4px;
            vertical-align: middle;
        }
        
        .PageCode a:hover,
        tcdPageCode a:hover {
            text-decoration: none;
            border: 1px solid #428bca;
        }
        
        .PageCode span.current,
        .tcdPageCode span.current {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            padding: 0 10px;
            margin: 0 2px;
            color: #fff;
            background-color: #428bca;
            border: 1px solid #428bca;
            border-radius: 4px;
            vertical-align: middle;
        }
        
        .PageCode span.disabled,
        .tcdPageCode span.disabled {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            padding: 0 10px;
            margin: 0 2px;
            color: #bfbfbf;
            background: #f2f2f2;
            border: 1px solid #bfbfbf;
            border-radius: 4px;
            vertical-align: middle;
        }
        
        .wrap>ul>li {
            width: 100%;
            height: 2rem;
            margin: 0 auto;
            margin-top: 1rem;
            border-bottom: 1px green solid;
        }
        
        .wrap>ul>li>span {
            display: block;
            float: left;
            width: 14%;
            text-align: center;
            line-height: 2rem;
            height: 2rem;
            overflow: hidden;
        }
        
        .wrap {
            margin: 2rem auto;
            border: 1px solid red;
        }
        
        #user_massages .usersList>li,
        .show_find li {
            width: 100%;
            height: 3rem;
            margin: 0 auto;
            margin-top: 1rem;
            border-bottom: 1px green solid;
        }
        
        #user_massages .usersList>li>span,
        .show_find li span {
            display: block;
            float: left;
            width: 25%;
            text-align: center;
            line-height: 3rem;
            height: 3rem;
            overflow: hidden;
        }
        
        #user_massages .usersList>li>span input,
        .show_find li span input {
            width: 30%;
            height: 2rem;
            line-height: 2rem;
            text-align: center;
        }
    </style>
    <script src="http://oss.sheetjs.com/js-xlsx/xlsx.full.min.js"></script>
</head>

<body>
    <div class="alls">
        <div class="row rows1 bg_colr">
            <div class=" col-xs-12">
                <div class="page-header">
                    <h2 style="text-align: center;">精彩助手后台管理系统</h2>
                    <div id="headers">
                	<p>管理员:<span id="use_passage"></span></p>
                	<a class="back">退出</a>
                </div>
                </div>
                
            </div>
        </div>
        <div class="row center_all">
            <div class="col-xs-2 ">
                <!-- 第四步：在a元素上使用v-link指令跳转到指定路径。 -->
                <div class="list-group list-height left_list">
                    <!--使用指令v-link进行导航-->
                    <a class="list-group-item">用户管理</a>
                    <a class="list-group-item">开奖号码管理</a>
                    <a class="list-group-item">价格管理</a>
                    <a class="list-group-item">提现管理</a>
                    <!--<a class="list-group-item">购买管理</a>-->
                    <a class="list-group-item">订单管理</a>
                    <a class="list-group-item">后台冲积分</a>
                    <a class="list-group-item">QQ管理</a>
                    <a class="list-group-item">管理员操作记录</a>
                </div>
            </div>
            <div class="col-xs-10">
                <div class="panel">
                    <ul class="panel-body mian_body">
                        <li class="commons one isshow">
                            <h3>用户管理</h3>
                            <div id="users">
                                <div id="tops">
                                    <p>用户统计</p>
                                    <div class="ammont">
                                        <ol class="zhuceliang">
                                            <!--
                                                	注册量列表
                                                -->
                                        </ol>
                                    </div>
                                </div>
                                <div id="centers">
                                    <p>用户手机查询</p>
                                    <div class="use_search">
                                        <label for="use_search">用户手机号:</label>
                                        <input type="text" placeholder="手机号码" id="use_search" />
                                        <input type="button" class="findings" value="查询" />
                                        <ol class="show_find">

                                        </ol>
                                    </div>
                                   
  <!--
            以下a标签不需要内容
        -->   
        <!--<button onclick="downloadExl(jsono)">导出</button>
    <a href="" download="这里是下载的文件名.xlsx" id="hf"></a>-->
    <script>
  
//      var jsono = rawData.map(function (item) {
//      return	[[0000,2123123,3123123412312,53123,713212]];
//      })
//var  jsono=[[0000,2123123,3123123412312,53123,713212]];
//      console.log(jsono)
//      var tmpDown; //导出的二进制对1象
//      function downloadExl(json, type) {
//          var tmpdata = json[0];
//          json.unshift([]);
//          var keyMap = []; //获取keys
//          for (var k in tmpdata) {
//              keyMap.push(k);
//              json[0][k] = k;
//          }
//        var tmpdata = [];//用来保存转换好的json 
//              json.map((v, i) => keyMap.map((k, j) => Object.assign({}, {
//                  v: v[k],
//                  position: (j > 25 ? getCharCol(j) : String.fromCharCode(65 + j)) + (i + 1)
//              }))).reduce((prev, next) => prev.concat(next)).forEach((v, i) => tmpdata[v.position] = {
//                  v: v.v
//              });
//              var outputPos = Object.keys(tmpdata); //设置区域,比如表格从A1到D10
//              var tmpWB = {
//                  SheetNames: ['mySheet'], //保存的表标题
//                  Sheets: {
//                      'mySheet': Object.assign({},
//                          tmpdata, //内容
//                          {
//                              '!ref': outputPos[0] + ':' + outputPos[outputPos.length - 1] //设置填充区域
//                          })
//                  }
//              };
//              tmpDown = new Blob([s2ab(XLSX.write(tmpWB, 
//                  {bookType: (type == undefined ? 'xlsx':type),bookSST: false, type: 'binary'}//这里的数据是用来定义导出的格式类型
//                  ))], {
//                  type: ""
//              }); //创建二进制对象写入转换好的字节流
//          var href = URL.createObjectURL(tmpDown); //创建对象超链接
//          document.getElementById("hf").href = href; //绑定a标签
//          document.getElementById("hf").click(); //模拟点击实现下载
//          setTimeout(function() { //延时释放
//              URL.revokeObjectURL(tmpDown); //用URL.revokeObjectURL()来释放这个object URL
//          }, 100);
//      }
//
//      function s2ab(s) { //字符串转字符流
//          var buf = new ArrayBuffer(s.length);
//          var view = new Uint8Array(buf);
//          for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
//          return buf;
//      }
//       // 将指定的自然数转换为26进制表示。映射关系：[0-25] -> [A-Z]。
//      function getCharCol(n) {
//          let temCol = '',
//          s = '',
//          m = 0
//          while (n > 0) {
//              m = n % 26 + 1
//              s = String.fromCharCode(m + 64) + s
//              n = (n - m) / 26
//          }
//          return s
//      }

    </script>
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    <p>用户列表</p>
                                    <div id="user_massages">
                                        <ol class='usersList'>
                                            <!--
                                                     	用户列表
                                                     -->
                                        </ol>
                                        <div class="PageCode">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="commons two">
                            <h3>开奖号码管理</h3>
                            <!--
                                	开奖号码管理
                                -->
                            <div class="use_open">
                                <div class="changes_caizhong">
                                    <select name="ciazhong" class="ciazhong">
                                    	
								   	</select>
                                    <div class="hands_open">
                                        <!-- 手动开奖 -->
                                        <div id="open_data">
		                                	<label for="detas_input">日期：
		                                		<input type="text" name="text" id="detas_input" value="" placeholder="格式:20171001"/>
		                                	</label><br/>
		                                	<label for="detas_input1">期数：
		                                		<input type="text" name="text" id="detas_input1" value="" placeholder="格式:115"/>
		                                	</label><br/>
		                                	<label for="detas_input2">开奖号码：
		                                		<input type="text" name="text" id="detas_input2" value="" placeholder="格式:55555"/>
		                                	</label><br/>
		                                	<label for="detas_input3">开奖时间：
		                                		<input type="text" name="text" id="detas_input3" value="" placeholder="格式:20171110102000"/>
		                                	</label><br/>
		                                	<label for="detas_input4">下期开奖时间：
		                                		<input type="text" name="text" id="detas_input4" value="" placeholder="格式:20171110102000"/>
		                                	</label><br/>
                                			<input type="submit" name="submints" id="submints" value="手动开奖"/><label for="submints"></label>
                                </div>
                                    </div>
                                    
                                </div>
                                
                            </div>
                        </li>
                        <li class="commons three">
                            <h3>价格管理</h3>
                           <div id="scoures_buys">
                     
                           		<ol class="buys_msg">
                           			<p>所有彩种<select id="all_cai"><span class="ishide_all"></span><option value="">所有彩种</option></select></p>
                           			<li>
                            			<span>天</span>
                            			<span>周</span>
                            			<span>月</span>
                            			<span></span>
                            		</li>
                            		<li>
                            			<span><input type="text" name="days" id="days" value=""/></span>
                            			<span><input type="text" name="months" id="months" value=""/></span>
                            			<span><input type="text" name="wenkend" id="wenkend" value=""/></span>
                            			<span><input type="button" name="gaijiage" id="gaijiage" value="修改价格"/></span>
                            		</li>
                           		</ol>
                           		<ol class="buys_msg">
                           			<p>单期计划<select id="one_cai"><option value="">该彩种所有计划</option></select></p>
                           			<li>
                            			<span>天</span>
                            			<span>周</span>
                            			<span>月</span>
                            			<span></span>
                            		</li>
                            		<li>
                            			<span><input type="text" name="days1" id="days1" value=""/></span>
                            			<span><input type="text" name="months1" id="months1" value=""/></span>
                            			<span><input type="text" name="wenkend1" id="wenkend1" value=""/></span>
                            			<span><input type="button" name="gaijiage1" id="gaijiage1" value="修改价格"/></span>
                            		</li>
                           		</ol>
                           </div> 
                            
                            
                        </li>
                        <li class="commons four">
                            <h3>提现管理</h3>
                            <div id="getters_money">
                            	 <table id="lists">
                                    	<thead id="kongs"></thead>
                                    	<tbody id="list_shows"></tbody>
                                    </table>
                                    <div class="sPageCode">
                                	</div>
                            </div>
                            
                            
                            
                            
                            
                            
                            
                            
                            
                        </li>
                        <!--<li class="commons five">
								<h3>购买管理</h3>
							</li>-->
                        <li class="commons six">
                            <h3>订单管理</h3>
                            <div class="all_search">
                                <ul class="input_day">
                                    <li>
                                        <label for="first_data">按天查询:从
												<input type="date" id="first_data"/>到
												<input type="date" id="first_data_li"/>
												</label>
                                        <input type="button" value="订单查询" id="serch" />
                                    </li>
                                    <li>
                                        <label for="first_data_one">按月查询：
												<input type="month" id="first_data_one"/>到
												<input type="month" id="first_data_one_li"/>
												</label>
                                        <input type="button" value="订单查询" id="serch_one" />
                                    </li>
                                    <li>
                                        <label for="first_data_two">按年查询：
												<input type="year" id="first_data_two" placeholder="请输入年如：2017"/>
												</label>
                                        <input type="button" value="订单查询" id="serch_two" />
                                    </li>
                                </ul>
                                <!--账单明细-->
								<div id="zhangdan">

								</div>
								<!--账单明细-->
                            </div>
                            <div class="phone_search">

                            </div>

                            <div class='wrap datas'>
                                <ul class='movieList'>
                                </ul>
                                <div class="tcdPageCode">
                                </div>
                            </div>
                        </li>
                        <li class="commons seven">
                            <h3>后台冲积分</h3>
                            <div id="chognjifen">
                                <div class="mian_jifen">
                                    <label for="phone_numb">充值手机号:
											<input type="tel" placeholder="请输入手机号" id="phone_numb"/>
										</label>
                                    <label for="jifen_num">积分充值:
											<input type="text" placeholder="输入充值积分数" id="jifen_num"/>
										</label>
                                    <input type="button" name="xubmit" id="xubmit" value="立即充值" />
                                </div>
                            </div>
                        </li>
                        <li class="commons eight">
                            <h3>QQ管理</h3>
                            <div id="qq_changes">
                                <div class="qq_center">
                                    <label for="ischanges">修改QQ号码:
										<input type="text" id="ischanges" placeholder="请输入要新的QQ号！"/>
										</label>
                                    <input type="button" name="issubmit" id="issubmit" value="确认修改" />
                                </div>
                            </div>
                        </li>
                        <li class="commons nines">
                            <h3>管理员操作记录</h3>
                            <div id="nines_changes">
                                <div class="nines_center">
                                    <ul class="last_ul">
                            
                                    	<li>
                                    	    <input type="button" id="sousuo1" value="登录记录" />
                                    		<input type="button" id="sousuo2" value="删除记录" />
                                    		<input type="button" id="sousuo3" value="修改记录" />
                                    		<input type="button" id="sousuo4" value="充值记录" />
                                    	</li>
                                    	<!--<li><label for="times_find">登录时间</label>
                                    		<input type="date" name="times_find" id="times_find2" value="" placeholder="管理账号"/>
                                    		<input type="button" id="sousuo2" value="查看" />
                                    	</li>-->
                                    	<!--<li><label for="times_find"></label><input type="text" name="times_find" id="times_find" value=""/><input type="button" id="sousuo" value="查看" /></li>
                                    	<li><label for="times_find"></label><input type="text" name="times_find" id="times_find" value=""/><input type="button" id="sousuo" value="查看" /></li>-->
                                    </ul>
                                    
                                    <ul id="biuuu_city_list"></ul>

								 <div id="biuuu_city"></div>
                                    <!--<table id="list">
                                    	<thead id="kong"></thead>
                                    	<tbody id="list_show"></tbody>
                                    </table>
                                    <div class="endsPageCode">
                                	</div>-->
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="idsg"></div>
</body>
</html>
    <script src="../js/jquery-3.1.1.min.js"></script>
    <!--控制显示隐藏-->
    <script>//检查更新状态

	$.ajax({
	 		type:"post",
	 		url:"https://jindi163.com:8443/JDLot/admin/user/checklogin",
            async:true,
			dataType:'json', 
			contentType:"application/json",
			data:{},
			xhrFields: {
   			 withCredentials: true
					},
		    crossDomain: true,
            success:function(data){
    		  if(data.status==1){
    		  	console.log("登录")
    		  }else{
    		  	window.location.href="login.html";
    		  }
    		  },
    		  error:function(error){
    		  	window.location.href="login.html";
    		  }
    	})
    </script>
    <script src="../js/page_one.js"></script>
    <!--控制订单管理界面数据显示-->
    <script src="../js/user_manage.js"></script>
    <script src="../js/open_data.js"></script>
    <!--开奖管理-->
    <script src="../js/plans.js"></script>
    <!--价格管理-->
    <script src="../js/tixian.js"></script>
    <!--提现管理-->
    <script src="../js/six.js"></script>
    <script src="../js/zhuce.js"></script>
    <script src="../js/jifen.js"></script>
    <script src="../js/change_qq.js"></script>
    <script type="text/javascript" src="../js/zhangdan.js"></script>
    <script type="text/javascript" src="../js/use_see.js"></script>
    <!--控制分页显示-->
    <script src="../js/pages.js"></script>
    <script src="../js/laypage.js"></script>
    <script>
    	
    </script>
